Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Node / ReticulumProjects / MeshChatX.git / commits / f270160


Commit f270160c6cf0bf203a2bbcb3e49980e6d30bd6c8

󰉖 Browse tree at this commit

Parents : 63d81a0
Author : Sudo-Ivan <ivan@quad4.io>
Signature : Signature validation error
Date : 2026-01-04T12:40:32-06:00

feat(theme): add light and dark themes to Vuetify configuration and introduce new RNPath route

Changes

1 files changed, 38 insertions(+), 1 deletions(-)

M meshchatx/src/frontend/main.js +38 -1

Diff

diff --git a/meshchatx/src/frontend/main.js b/meshchatx/src/frontend/main.js
index 0fd51c77..37f866f9 100644
--- a/meshchatx/src/frontend/main.js
+++ b/meshchatx/src/frontend/main.js
@@ -27,7 +27,39 @@ const i18n = createI18n({
// init vuetify
import { createVuetify } from "vuetify";
-const vuetify = createVuetify();
+const vuetify = createVuetify({
+ theme: {
+ defaultTheme: "light",
+ themes: {
+ light: {
+ dark: false,
+ colors: {
+ background: "#f8fafc",
+ surface: "#ffffff",
+ primary: "#2563eb",
+ secondary: "#475569",
+ error: "#dc2626",
+ info: "#0284c7",
+ success: "#16a34a",
+ warning: "#f97316",
+ },
+ },
+ dark: {
+ dark: true,
+ colors: {
+ background: "#09090b",
+ surface: "#18181b",
+ primary: "#60a5fa",
+ secondary: "#94a3b8",
+ error: "#f87171",
+ info: "#38bdf8",
+ success: "#34d399",
+ warning: "#fb923c",
+ },
+ },
+ },
+ },
+});
// provide axios globally
window.axios = axios;
@@ -142,6 +174,11 @@ const router = createRouter({
path: "/rnstatus",
component: defineAsyncComponent(() => import("./components/rnstatus/RNStatusPage.vue")),
},
+ {
+ name: "rnpath",
+ path: "/rnpath",
+ component: defineAsyncComponent(() => import("./components/tools/RNPathPage.vue")),
+ },
{
name: "rnprobe",
path: "/rnprobe",


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────